<!--
    by: yuanbiao 2020年10月13日
    name: x-image-effect
    notes:
-->
<template>
  <div :class="prefixCls">
    <component :is="type" :options="options"></component>
    <slot></slot>
  </div>
</template>

<script>
import shakeSpin from './shake-spin.vue'
const prefixCls = 'x-image-effect'

export default {
  name: 'x-image-effect',
  components: {
    shakeSpin
  },
  props: {
    type: {
      type: String,
      default: 'shake-spin'
    },
    options: {
      type: Object,
      default () {
        return {}
      }
    }
  },
  data() {
    return {
      prefixCls: prefixCls
    }
  }
}
</script>
